<template>
  <div class="lin_upload">
    <div>
      <n-upload
        multiple
        directory-dnd
        action="http://127.0.0.1:8001/file/upload/"
        :max="5"
        name="file_upload"
      >
        <n-upload-dragger
        show-download-button="true"
        >
          <div>
            <n-icon size="30" :depth="3">
              <archive-icon />
            </n-icon>
          </div>
          <n-text style="font-size: 10px">
            点击或者拖动文件到该区域来上传
          </n-text>
        </n-upload-dragger>
      </n-upload>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { ArchiveOutline as ArchiveIcon } from '@vicons/ionicons5'

export default defineComponent({




  components: {
    ArchiveIcon
  }
})
</script>



<style scoped>
*{
  margin: 0;
  padding: 0;
}

.lin_upload {
  width: 100px;
  height: 100px;;
}
</style>